/*
* @Author: 伟
* @Date:   2016-07-20 12:20:42
* @Last Modified by:   伟
* @Last Modified time: 2016-07-20 14:49:21
*/
.bg_gray{overflow-y: auto;}
div.exit {
    height: 1.333rem;
    line-height: 1.333rem;
    text-align: center;
    color: #FF6060;
    font-size: 16px;
    padding-left: 0;
    background: #fff;
}
body.cmp-dd .cmp-content{top:44px;}/*android content样式*/
body.cmp-ios-c .cmp-content{top:64px;}
body.cmp-ios-x .cmp-content{top:88px;} 
div.indexPage {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1000;
    height: 100%;
}

footer.cmp-bar {
    position: relative;
    height: 70px;
    background-color: #fff;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
}

footer.cmp-bar span.iconfont {
    margin-top: 10px;
}

div.indexPage>h1 {
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    padding-top: 20px;
    line-height: 40px;
    background-color: rgba(250, 250, 250, 1);
    border-style: solid;
    border-bottom-color: #d4d4d4;
    border-width: 0 0 0.5px 0;
    margin-bottom: 0 !important;
    margin: 0
}

.blue {
    color: #3AADFB!important;
}

.cmp-switch-blue.cmp-active {
    border: 2px solid #3AADFB;
    background-color: #3AADFB;
}

.index_name {
    color: #999999;
    font-size: 14px;
    margin-right: 6px;
}

.iconfont {
    color: #d4d4d4;
}
.nav-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.cmp-tab-item p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cmp-bar-tab a.cmp-tab-item {
    display: inline-block;
    float: left;
    overflow: hidden;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
    margin-top: 15px;
    flex: 1;
   	-webkit-flex: 1;
}
.cmp-bar-tab {
    opacity: 0;
}
/* fade down */
@-webkit-keyframes fade-down{
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
    }
    60%{
        opacity: .8;
        -webkit-transform: translate3d(0, 10px, 0);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}
.fade-down{
    -webkit-animation: fade-down 400ms linear both;
}
/* fade up */
@-webkit-keyframes fade-up{
    0%{
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
    40%{
        opacity: .8;
        -webkit-transform: translate3d(0, 10px, 0);
    }
    100%{
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
    }
}
.fade-up{
    -webkit-animation: fade-up 200ms linear both;
}
.Switcher-content .cmp-table-view-cell{
    display: flex;
    display: -webkit-flex;
}
.Switcher-content .cmp-table-view-cell .witcher-left{
    /* max-width: 40%;margin-right: 20px; */
    flex: 1;-webkit-box-flex: 1;
}
.Switcher-content .cmp-table-view-cell .witcher-arrow{
    position: absolute;right: 23px;
}
.Switcher-Box{
    display: inline-block;
    /* width: 70%; */
    height: 1.4rem;
    /* position: absolute;right:23px;max-width: 47%; */
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.SwitcherText{
    color: #3aadfb;
    display: inline-block;
    width: 80%;    text-align: right;
}
.showAppCategory::after{display: none;}
#call-item::before{
    position: absolute;
    right: 0;
    top: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scale(1,.5);
    transform: scale(1,.5);
    background-color: #e4e4e4;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
.cmp-table-view::before,.cmp-table-view::after{display: none;}